/*
 * @Author: your name
 * @Date: 2021-05-23 17:59:58
 * @LastEditTime: 2021-05-23 18:21:56
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /xiangpan-admin/src/pages/vip/rechargeHistory/index.tsx
 */
/*
 * @Author: your name
 * @Date: 2021-05-19 17:47:55
 * @LastEditTime: 2021-05-23 17:58:01
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /xiangpan-admin/src/pages/staff/index.tsx
 */
import { IForm } from '@/components/form/interface'
import { Button, Card, Space, Table, Tag, Modal, Tabs } from 'antd'
import React, { useState } from 'react'
import RechargeModal from './rechargeModal'
import VipModal from './vipModal'
import GoodsModal from './vipModal'

interface IProps {
  visible: boolean,
  close: () => void
}

const RechargeSpendHistory = (props: IProps) => {
  const [activeKey, setActiveKey] = useState('1')

  const rechargeColumns: IForm[] = [
    {
      key: 'name',
      dataIndex: 'name',
      title: "会员名称",
    }, {
      key: 'money',
      dataIndex: 'money',
      title: "充值金额",
    }, {
      key: 'account',
      dataIndex: 'account',
      title: "充值时间",
    }
  ]

  const spendColumns: IForm[] = [
    {
      key: 'name',
      dataIndex: 'name',
      title: "会员名称",
    }, {
      key: 'account',
      dataIndex: 'account',
      title: "消费项目名称",
    }, {
      key: 'money',
      dataIndex: 'money',
      title: "消费金额",
    }, {
      key: 'account',
      dataIndex: 'account',
      title: "消费时间",
    }
  ]
  return (
    <Modal maskClosable={false} visible={props.visible} title={'充值消费记录'} footer={null} onCancel={props.close}>
      <Tabs onChange={(e) => setActiveKey(e)}>
        <Tabs.TabPane key={'1'} tab="充值记录">
          <Table columns={rechargeColumns} dataSource={[]} />
        </Tabs.TabPane>
        <Tabs.TabPane key={'2'} tab="消费记录">
          <Table columns={spendColumns} dataSource={[]} />
        </Tabs.TabPane>
      </Tabs>

    </Modal>
  )
}
export default RechargeSpendHistory